<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="https://cdn.bootcss.com/react/16.4.0/umd/react.development.js"></script>
  <script src="https://cdn.bootcss.com/react-dom/16.4.0/umd/react-dom.development.js"></script>
  <script src="https://cdn.bootcss.com/babel-standalone/6.26.0/babel.min.js"></script>
  <style>
    .green {
			color: green;
		}
	</style>
</head>

<body>
  <div id="root">

  </div>
</body>

</html>

<script type="text/babel">
	let bg = '#999';
	let imgUrl = 'https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1598000148,3084276147&fm=58&s=36F6EC36C8A47E92227DC7C502007026';

	ReactDOM.render(
		<div>
			<p style={{backgroundColor: bg,width: '200px'}}>hello react</p>
			<p className="green">我的react</p>
			<img src={imgUrl}/>
		</div>,

		document.getElementById('root')
	)
</script>